﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NEWSignup.aspx.cs" Inherits="mpsalaryprojectgroup.NEWSignup" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <link rel ="stylesheet" href= "Styles/jquery-ui-1.8.17.custom.css" type="text/css" />
    <link rel="stylesheet" href= "Styles/jquery.ui.all.css" type="text/css" />

   

</head>
<body>
    <form id="form1" runat="server">
    <meta charset="utf-8" />
        
	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="initial-scale=1, maximum-scale=1" />

	<title>Welcome to Foundation</title>
  
	<!-- Included CSS Files -->
	<link rel="stylesheet" href="CSS\foundation.css">
	<link rel="stylesheet" href="CSS\app.css">
    <link rel="stylesheet" href="CSS\ie.css">


	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <!--CSS for hover over navigation tab-->
    
    <link rel="stylesheet" href="CSS/Tab.css">
    <script type="text/javascript" src="dropdown_menu.js"></script>
    <script type="text/javascript">
        var websiteID = 'thedesignsuperhero.com';
    </script>
    <script type="text/javascript" src="http://analytics.hosting24.com/s.php"></script>
    <noscript>
    <a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/s.php?websiteID=thedesignsuperhero.com" alt="web hosting" /></a>
    </noscript>

    <div class="container">
		<div class="row">
			<div class="twelve columns" align="center">
				<h2><img alt="" src="orangesample%20copy.jpg" /></h2>
			</div>
		</div>

    <div class="row">
        <div class="two columns">
        </div>

        <div class="eight column">
        <!--for navigation tab-->
         <ul id="button">

         <li><a href="/NEWHomePage.aspx">Home</a></li>
         <li><a href="/NEWAdminUploadResult.aspx">Results</a></li>
         <li><a href="/NEWAnalytical.aspx">Comparison</a></li>
         <li><a href="#">Clients</a></li>
         <li><a href="#">Products</a></li>
         <li><a href="/NEWNEWSignup.aspx">User Settings</a></li>
         <li><a href="#">Contact Us</a></li>
         <li><a href="/NEWMainPage.aspx">Sign Out</a></li>
           </ul>
        </div>

        <div class="two columns">
        </div>
    </div>

    <div class="row">
        <div class="twelve columns">
        Welcome [lblNRIC]
        </div>
    </div>

    <div class="row">
        <div class="two columns" align="center">
    
        </div>

        <div class="eight columns" align="center">
            
            Select Occupation: <asp:RadioButtonList ID="rblOccupation" runat="server" AutoPostBack="True" 
                RepeatDirection="Horizontal" Width="158px">
                <asp:ListItem>Student</asp:ListItem>
                <asp:ListItem>Employee</asp:ListItem>
                <asp:ListItem>Others</asp:ListItem>
            </asp:RadioButtonList>
            
            Salutation:  <asp:DropDownList ID="ddlSalutation" runat="server">
                <asp:ListItem Selected="True"></asp:ListItem>
                <asp:ListItem>Ms</asp:ListItem>
                <asp:ListItem>Mrs</asp:ListItem>
                <asp:ListItem>Mr</asp:ListItem>
                <asp:ListItem>Mdm</asp:ListItem>
                </asp:DropDownList>   
            
            Name:<br /><asp:TextBox ID="tbxFirstName" runat="server"></asp:TextBox><br />

            School: 
            <asp:DropDownList ID="ddlSchool" runat="server">
            </asp:DropDownList>
            
            Company: <br />
            <asp:TextBox ID="tbxCompany" runat="server"></asp:TextBox> <br />

           
           NRIC: <br />
            <asp:TextBox ID="tbxNRIC" runat="server"></asp:TextBox> <br />

            Email: <br />
            <asp:TextBox ID="tbxEmail" runat="server"></asp:TextBox> <br />

            Create Password: <br />
            <asp:TextBox ID="tbxPassword" runat="server"></asp:TextBox><br />
            Date Of Birth : <br />
            <asp:TextBox ID="datepicker" runat="server"></asp:TextBox><br />

            Password Strength: <br />
            <br />
            Re-enter Password: <br />
            <asp:TextBox ID="tbxConfirmPassword" runat="server"></asp:TextBox><br />

            Mobile Number: <br />
            <asp:TextBox ID="tbxSingapore" runat="server" Text="+65" Width="35px"></asp:TextBox>
            <asp:TextBox ID="tbxMobileNo" runat="server"></asp:TextBox>

          
            
        </div>

        <div class="two columns" align="center">
        
        </div>
    </div>






    <div class="row">
        <div class="twelve columns" align="center">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/school.JPG" />
            <div class="six column"></div>
        </div>
    </div>

    <!-- Included JS Files -->
	<script src="javascripts/foundation.js"></script>
	<script src="javascripts/app.js"></script>
    <script src="jquery/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function () {
        $('#datepicker').datepicker({
            inline: true
        });
    });
    </script>
    </form>
</body>
</html>
